<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <!--优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!--360 使用Google Chrome Frame-->
    <meta name="renderer" content="webkit">
    <!--百度禁止转码-->
    <!--<meta http-equiv="Cache-Control" content="no-siteapp" />-->
    <!--页面关键词 keywords-->
    <meta name="keywords" content="主页 设置">
    <!--关闭chrome浏览器下翻译插件-->
    <meta name="google" value="notranslate"/>
    <!--为移动设备添加 viewport-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 浏览网站时的小图标 -->
    <link rel="shortcut icon" type="image/x-icon" href="img/setting.png" media="screen"/>
    <title>导航页设置</title>

    <link rel="stylesheet" href="./module/layui/css/layui.css"/>
    <script src="./module/layui/layui.js"></script>

    <script src="./js/util.js"></script>

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0d0fadf3149cf371239240aa0b352c9d";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <style>
        .layui-tab-title li {
            padding: 0 10px;
        }

        .footer {
            width: 100%;
            text-align: center;
            position: fixed;
            bottom: 10px;
        }

        /*.layui-form-label {*/
        /*    width: 40%;*/
        /*}*/

        /*加上body是为了保证优先级可以不被后面加载的样式覆盖*/
        /*body .layui-layer-dialog .layui-layer-content {*/
        /*    padding-top: 5px;*/
        /*    padding-bottom: 10px;*/
        /*}*/
    </style>
</head>
<body>
<div class="layui-tab layui-tab-brief" lay-filter="tab">
    <ul class="layui-tab-title">
        <li lay-id="add" class="layui-this">新增导航</li>
        <li lay-id="modify">修改导航</li>
        <li lay-id="set">导航配置</li>
        <li lay-id="user">用户</li>
<!--        <li lay-id="back">回到首页</li>-->
    </ul>

    <div class="layui-tab-content">

        <div class="layui-tab-item layui-show layui-anim layui-anim-upbit">
            <!--新增-->
            <div class="layui-form" lay-filter="index-add">
                <div class="layui-form-item">
                    <label class="layui-form-label">网址名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="menuname" spellcheck="false" lay-verify="required" lay-verType="tips"
                               placeholder="请输入网址名称"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">网址链接</label>
                    <div class="layui-input-block">
                        <input type="text" spellcheck="false" name="menuurl" lay-verify="required" lay-verType="tips"
                               placeholder="请输入网址链接"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">图标</label>
                    <div class="layui-input-inline">
                        <label for="menuimg-add">
                            <img id="menuimgurl-add" style="width: 50px;height: 50px;"/>
                        </label>
                        <input hidden type="file" id="menuimg-add" name="menuimg"
                               accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"/>
                        <button class="layui-btn layui-btn-success" name="getIcon">
                            点击获取图标
                        </button>
                    </div>

                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">排序</label>
                    <div class="layui-input-inline">
                        <input type="text" spellcheck="false" name="sort" lay-verify="required|number"
                               lay-verType="tips"
                               placeholder="请输入排序"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="submit-add">新增</button>
                        <!--<button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                    </div>
                </div>
                <blockquote class="layui-elem-quote">
                    1：网址链接需要在前面加上http://或者https://，比如 https://www.baidu.com/<br>
                    2：图标建议使用 <a style="color: #009688;" href="https://www.iconfont.cn/"
                                target="_blank">IconFont</a>
                    网站下载（使用电脑操作更方便）<br>
                    3：图标大小不能超过64Kb哦<br>
                    4：服务器购买不易，欢迎 推广 和 <a style="color: #009688;" id="donate" href="javascript:void(0);">给我捐赠</a>
                    哦<br>
                    5：<a style="color: #009688;" href="https://www.myindex.top/guide/" target="_blank">导航</a><br>
                    6：© 2019 <a id="readme" style="color: #009688;" href="javascript:void(0);">点下看看</a><br>
                    7：去年收到的捐赠还是很少哈，但是我还是决定再续费一年，大佬们尽情放心的使用吧，还是希望多些捐赠哈，毕竟是无广告，多端同步！<br>
                    8：由于我的样式什么的写的还是太难看，干脆放弃这个，还是直接提供后端服务吧，所以我就干脆开发一个集成用户登陆和个性化配置的开放服务，如果你是前端开发者可以用上哦，比如，自己做一个主页，
                    我这边提供后台服务，实现多端同步，接口都是支持跨域的，后续会有更多接口上线哦~~~等等等！
                    <a style="color: #009688;" href="https://github.com/heartaotime/api" target="_blank">开放API</a><br>
                    <!-- tips：<a style="color: #009688;" target="_blank" href="https://www.myindex.top/todo/">Todo(测试版)</a> -->
                    <!-- 1.现在可以单独对电脑和手机设置不同的背景，2.还可以修改账号和密码，3.还可以 通过 https://www.myindex.top/?u=你的账号&p=你的密码 登陆了哦，
                    但是这种方式登陆每次都会清空缓存在本地的信息，可能会有点慢（设置前请清空下浏览器缓存哦！） -->
                    <!--                    6：域名和https访问（建议使用最新地址访问哦） <a style="color: #009688;" href="https://www.myindex.top">主页</a>-->
                </blockquote>
            </div>
        </div>

        <div class="layui-tab-item layui-anim layui-anim-upbit">
            <!--修改导航-->
            <div class="layui-form" lay-filter="index-edit">
                <div class="layui-form-item">
                    <label class="layui-form-label">修改项</label>
                    <div class="layui-input-block">
                        <select name="index" lay-filter="select-index">
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">网址名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="menuname" lay-verify="required" lay-verType="tips"
                               placeholder="请输入网址名称"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">网址链接</label>
                    <div class="layui-input-block">
                        <input type="text" name="menuurl" lay-verify="required" lay-verType="tips"
                               placeholder="请输入网址链接"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">图标</label>
                    <div class="layui-input-inline">
                        <label for="menuimg-edit">
                            <img id="menuimgurl-edit"
                                 style="width: 50px;height: 50px;"/>
                        </label>
                        <input hidden type="file" id="menuimg-edit" name="menuimg"
                               accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"/>
                        <button class="layui-btn layui-btn-success" name="getIcon">
                            点击获取图标
                        </button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">排序</label>
                    <div class="layui-input-inline">
                        <input type="text" name="sort" lay-verify="required|number" lay-verType="tips"
                               placeholder="请输入排序"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <input hidden name="rowid" value=""/>
                        <button name="btn-edit" disabled class="layui-btn layui-btn-disabled" lay-submit
                                lay-filter="submit-edit">修改
                        </button>
                        <button name="btn-del" disabled class="layui-btn layui-btn-danger layui-btn-disabled"
                                id="del">
                            删除
                        </button>
                        <!--<button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                    </div>
                </div>
            </div>

        </div>

        <div class="layui-tab-item layui-anim layui-anim-upbit">
            <!--导航配置-->
            <div class="layui-form" lay-filter="config">
                <div class="layui-form-item">
                    <label class="layui-form-label">搜索引擎</label>
                    <div class="layui-input-inline">
                        <select name="searchengines" lay-filter="select-config">
                            <!--                            <option value="https://www.baidu.com/s?wd=">百度</option>-->
                            <!--                            <option value="https://www.google.com/search?q=">Google</option>-->
                            <!--                            <option value="http://www.bing.com/search?q=">必应</option>-->
                            <!--                            <option value="http://www.so.com/s?q=">360</option>-->
                            <!--                            <option value="http://www.sogou.com/sogou?query=">搜狗</option>-->
                            <!--                            <option value="https://quark.sm.cn/s?q=">夸克AI</option>-->
                            <!--                            <option value="http://www.miguyu.com/Link/so/">咪咕鱼</option>-->
                            <!--                            <option value="https://www.qwant.com/?q=">Qwant</option>-->
                            <!--                            <option value="https://www.gugeji.com/search?q=">咕咯鸡</option>-->
                            <!--                            <option value="https://mijisou.com/search?q=">秘迹</option>-->
                        </select>
                    </div>
                </div>
                <!--                <div class="layui-form-item">-->
                <!--                    <label class="layui-form-label">搜索框</label>-->
                <!--                    <div class="layui-input-inline">-->
                <!--                        <input type="text" name="searchinputshow" placeholder="请输入" autocomplete="off"-->
                <!--                               class="layui-input">-->
                <!--                    </div>-->
                <!--                </div>-->
                <div class="layui-form-item">
                    <label class="layui-form-label">Logo</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="logoshow" lay-skin="switch" lay-text="开启|关闭"
                               lay-filter="logoshow-filter">
                    </div>
                    <div class="layui-input-block" id="logoimgurldiv">
                        <button type="button" class="layui-btn layui-btn-sm" id="logoimgupload">
                            <i class="layui-icon">&#xe67c;</i>上传/修改图片
                        </button>
                        <!--                        <img id="logoimgurl" style="width: 50px;height: 50px;" realpath=""/>-->
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">搜索建议</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="suggestswitch" lay-skin="switch" lay-text="开启|关闭"
                               lay-filter="suggestswitch-filter">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">搜索历史</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="historyswitch" lay-skin="switch" lay-text="开启|关闭"
                               lay-filter="historyswitch-filter">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">天气</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="weatherswitch" lay-skin="switch" lay-text="开启|关闭"
                               lay-filter="weatherswitch-filter">
                    </div>
                    <div class="layui-input-inline" id="weathercitydiv">
                        <input type="text" name="weathercity" placeholder="请填写所在城市" autocomplete="off"
                               class="layui-input" spellcheck="false">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">古诗词</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="searchinputshow" lay-skin="switch" lay-text="开启|关闭"
                               lay-filter="searchinput-filter">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">网址名称</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="menunameshow" lay-skin="switch" lay-text="开启|关闭"
                               lay-filter="menunameshow-filter" spellcheck="false">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">随机背景</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="autochangebgimgshow" lay-skin="switch" lay-text="开启|关闭"
                               lay-filter="autochangebgimgshow-filter">
                    </div>
                </div>
                <div id="changeBg">
                    <div class="layui-form-item">
                        <label class="layui-form-label">手机背景</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="backgroundimgshow" lay-skin="switch" lay-text="开启|关闭"
                                   lay-filter="backgroundimg-filter">
                        </div>
                        <div class="layui-input-block" id="backgroundimgurldiv">
                            <button type="button" class="layui-btn layui-btn-sm" id="backgroundimgupload">
                                <i class="layui-icon">&#xe67c;</i>上传/修改背景
                            </button>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">PC背景</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="backgroundimgpcshow" lay-skin="switch" lay-text="开启|关闭"
                                   lay-filter="backgroundimgpc-filter">
                        </div>
                        <div class="layui-input-block" id="backgroundimgurlpcdiv">
                            <button style="margin-top: 10px;" type="button" class="layui-btn layui-btn-sm"
                                    id="backgroundimguploadpc">
                                <i class="layui-icon">&#xe67c;</i>上传/修改背景
                            </button>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="submit-config">保存</button>
                        <!--<button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                    </div>
                </div>
                <blockquote class="layui-elem-quote">
                    1：填写城市参考 北京<br>
                    2：Logo和背景图可以使用动态图片，但是大小不能超过20M<br>
                    3：部分图片 <a style="color: #009688;" target="_blank" href="./imgshare.html">下载</a><br>
                    4：随机背景：每日同步必应壁纸，每天零点十分更新当天最新壁纸
                    <a style="color: #009688;" target="_blank" href="https://www.myindex.top/file/bing/">必应壁纸下载</a><br>
                </blockquote>
            </div>
        </div>

        <div class="layui-tab-item layui-anim layui-anim-upbit">

            <blockquote class="layui-elem-quote">
                <a style="color: #009688; font-weight: bold;line-height: 40px;" href="./">回到首页</a><br>
                当前已登陆账号 <a style="color: #009688; line-height: 30px;" href="javascript:void(0);" id="userName"></a><br>
                当前已绑定邮箱 <span id="eMail"></span><br>
                <a style="color: #009688; line-height: 30px;" href="./user.html?code=update">修改账号/密码</a><br>
                部分信息是缓存在浏览器本地的哦，比如登陆信息等，建议允许缓存<br>
                如遇部分问题，可以试着清除浏览器缓存或者重新登陆下看看哦<br>
                如果你有任何问题或者建议，发送至 heartaotime@foxmail.com 或者酷安 @皮皮狗子<br>
            </blockquote>


            <!--登陆-->
<!--            <div class="layui-form" lay-filter="login">-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">账号</label>-->
<!--                    <div class="layui-input-inline">-->
<!--                        <input type="text" name="username" lay-verify="required" lay-verType="tips"-->
<!--                               placeholder="请输入账号" spellcheck="false"-->
<!--                               autocomplete="off" class="layui-input">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">密码</label>-->
<!--                    <div class="layui-input-inline">-->
<!--                        <input type="password" name="password" lay-verify="required" lay-verType="tips"-->
<!--                               placeholder="请输入密码" spellcheck="false"-->
<!--                               autocomplete="off" class="layui-input">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <div class="layui-input-block">-->
<!--                        <button class="layui-btn" lay-submit lay-filter="submit-login">登陆</button>-->
<!--                        <button id="logout" class="layui-btn layui-btn-primary">登出</button>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <blockquote class="layui-elem-quote">-->
<!--                    1：账号不存在会自动注册<br>-->
<!--                    2：部分信息是缓存在浏览器本地的哦，比如登陆信息等，建议允许缓存<br>-->
<!--                    3：如遇部分问题，可以试着清除浏览器缓存或者重新登陆下看看哦<br>-->
<!--                    4：<a style="color: #009688;" href="javascript:void(0);" id="modifyUser">修改账号/密码</a><br>-->
<!--                    5：如果你有任何问题或者建议，发送至 heartaotime@foxmail.com 或者酷安 @皮皮狗子<br>-->
<!--                </blockquote>-->
<!--            </div>-->
        </div>
    </div>
</div>
<!--<div class="footer">-->
<!--    <p>© 2019 <a id="readme" style="color: #009688;" href="javascript:void(0);">点下看看</a></p>-->
<!--</div>-->

<script src="./js/set.js"></script>
<!--<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>-->
<!--<script type="text/javascript">-->
<!--    document.write(returnCitySN["cip"] + ',' + returnCitySN["cname"])-->
<!--</script>-->
</body>


<div id="modifyUserPage" style="display: none;margin: 10px;">
    <div class="layui-form" lay-filter="modifyUser">
        <div class="layui-form-item">
            <label class="layui-form-label">原账号</label>
            <div class="layui-input-inline">
                <input type="text" name="username" lay-verify="required" lay-verType="tips"
                       placeholder="请输入账号"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">原密码</label>
            <div class="layui-input-inline">
                <input type="password" name="password" lay-verify="required" lay-verType="tips"
                       placeholder="请输入密码"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">新账号</label>
            <div class="layui-input-inline">
                <input type="text" name="usernameNew" lay-verify="required" lay-verType="tips"
                       placeholder="请输入新账号"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">新密码</label>
            <div class="layui-input-inline">
                <input type="password" name="passwordNew" lay-verify="required" lay-verType="tips"
                       placeholder="请输入新密码"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <button class="layui-btn layui-hide" lay-submit lay-filter="submit-modifyUser">修改用户信息</button>
    </div>
</div>

</html>